/**
 * Default plug-in settings.
 */
$.fn.imgcombo.defaults = {
	displayIcons: true,
	displayCaption: true,
	itemCount: 7,
	classes: {
		wrapper: 'imgcombo-wrapper',
		wrapperDisabled: 'imgcombo-wrapper-disabled',
		caption: 'imgcombo-caption',
		arrow: 'imgcombo-arrow',
		arrowHover: 'imgcombo-arrow-hover',
		arrowClick: 'imgcombo-arrow-click',
		menu: 'imgcombo-menu',
		menuAbove: 'imgcombo-menu-above',
		item: 'imgcombo-item',
		itemHover: 'imgcombo-item-hover',
		itemtext: 'imgcombo-itemtext',
		itemicon: 'imgcombo-itemicon'
	},
	elements: {
		wrapper: 'div',
		caption: 'a',
		arrow: 'div',
		menu: 'div',
		item: 'div',
		itemtext: 'span',
		itemicon: 'div'
	},
	data: {
		icon: 'icon'
	},
	/**
	 * Creates an DOM element in memory (element is not appended to HTML document).
	 * 
	 * @param component - String name of component to be created
	 */
	createElement: function(component) {
		if (!this.elements[component]) {
			return null;
		}
		var $element =  $('<' + this.elements[component] + '/>');
		if (this.classes[component]) {
			$element.addClass(this.classes[component]);
		}
		return $element;
	}
};

